<!DOCTYPE HTML>
<html>
<head>
    <title>新增商品</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />

    <!-- Custom CSS -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />

    <!-- font-awesome icons CSS -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons CSS -->

    <!-- side nav css file -->
    <link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
    <!-- side nav css file -->
    <link href='css/new-goods.css' media='all' rel='stylesheet' type='text/css'/>
    <link href='css/commodity.css' media='all' rel='stylesheet' type='text/css'/>


    <!-- js-->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/modernizr.custom.js"></script>

    <!--webfonts-->
    <link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
    <!--//webfonts-->

    <!-- Metis Menu -->
    <script src="js/metisMenu.min.js"></script>
    <script src="js/custom.js"></script>
    <link href="css/custom.css" rel="stylesheet">
    <!--//Metis Menu -->

    <!-- calendar -->
    <link rel="stylesheet" href="css/monthly.css">
    <!-- //calendar -->

</head>
<body class="cbp-spmenu-push">
<div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
    <!--left-fixed -navigation-->
    <aside class="sidebar-left">
        <nav class="navbar navbar-inverse">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h1><a class="navbar-brand" href="index.html"><span class="fa fa-pie-chart"></span>智能工程管理平台</a></h1>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="sidebar-menu">
                    <li class="header">MAIN NAVIGATION</li>
                    <li class="treeview">
                        <a href="index.html">
                            <i class="fa fa-dashboard"></i> <span>首 页</span>
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-th"></i>
                            <span>分类管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="classify.html"><i class="fa fa-angle-right"></i>材料分类</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-laptop"></i>
                            <span>材料管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="commodity.html"><i class="fa fa-angle-right"></i>材料列表</a></li>
                            <li><a href="new-goods.html"><i class="fa fa-angle-right"></i>添加材料</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-edit"></i>
                            <span>项目管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="Message.html"><i class="fa fa-angle-right"></i>进度报告</a></li>
                            <li><a href="Base.html"><i class="fa fa-angle-right"></i>检测报告</a></li>
                            <li><a href="Mountain.html"><i class="fa fa-angle-right"></i>员工考核</a></li>
                            <li><a href="media.html"><i class="fa fa-angle-right"></i>新增项目</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="charts.html">
                            <i class="fa fa-pie-chart"></i>
                            <span>公告管理</span>

                        </a>
                    </li>
                    <li class="treeview">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-laptop"></i>
                            <span>用户管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="user.html"><i class="fa fa-angle-right"></i>用户列表</a></li>
                            <li><a href="new-user.html"><i class="fa fa-angle-right"></i>新增用户</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="literature.html">
                            <i class="fa fa-th"></i> <span>施工规范</span>

                        </a>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-folder"></i> <span>仓库管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="tool.html"><i class="fa fa-angle-right"></i>工具管理</a></li><li><a href="vacation.html"><i class="fa fa-angle-right"></i>仓库统计</a></li>
                        </ul>
                    </li>
                    <li class="treeview"> <a href="userStatistics.html"> <i class="fa fa-pie-chart"></i> <span>合格率统计</span> </a> </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </nav>
    </aside>
</div>
<!--left-fixed -navigation-->

<!-- header-starts -->
<div class="sticky-header header-section ">
    <div class="header-left">

        <!--toggle button start-->
        <button id="showLeftPush"><i class="fa fa-bars"></i></button>
        <!--toggle button end-->
        <!--notification menu end -->
        <div class="clearfix"> </div>
    </div>

    <div class="clearfix"> </div>
    <!--选择项-->
    <div style="position:absolute; top:62px; left:230px; width:auto; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; height:45px; width:100%; z-index:111">
        <ol class="breadcrumb">
            <li><a href="#">首页</a></li>
            <li><a href="#">材料管理</a></li>
            <li class="active">新增商品</li>
        </ol>

    </div>
    <!--选择项-->
</div>
<!-- //header-ends -->

<!-- main content start-->
<div id="page-wrapper">
    <div class="main-page">
        <div class="elements">
            <div class="row">
                <h3 class="title1">1</h3>
                <div>

                </div>
                <div class="form-three widget-shadow">
                    <div class="card-header">
                        <h3 style="padding:0 50px 50px 50px;">新增用户
                            <a href="user.html"><button type="button"  class="pull-right btn btn-primary btn-flat">返回</button></a>
                        </h3>
                    </div>
                    <form id="uploadPic" enctype="multipart/form-data" class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">名称：</label>
                            <div class="col-sm-8">
                                <input id="userName" type="text" class="form-control1" style="width: 120px">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">性别：</label>
                            <div class="col-sm-8">
                                <label><input name="userSex" class="iptradio" type="radio" value="1" checked>男</label>
                                <label><input name="userSex" class="iptradio" type="radio" value="0">女</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">年龄：</label>
                            <div class="col-sm-8">
                                <input id="userAge" type="number" class="form-control1" style="width: 250px" min="1" oninput="javascript:this.value=this.value.replace(/[^\d]/g,'')">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">身份号码：</label>
                            <div class="col-sm-8">
                                <input id="userIdCard" type="text" class="form-control1" style="width: 250px">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">电话：</label>
                            <div class="col-sm-8">
                                <input id="userPhone" type="text" class="form-control1" style="width: 250px">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Email：</label>
                            <div class="col-sm-8">
                                <input id="userEmail" type="text" class="form-control1" style="width: 250px">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">账号信息：</label>
                            <div class="col-sm-8">
                                <input id="loginName" type="text" class="form-control1" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">密码信息：</label>
                            <div class="col-sm-8">
                                <input id="loginPassword" type="text" class="form-control1" value="123456">
                            </div>
                        </div>
                    </form>
                    <div class="form-group margin-top-20">
                        <label class="col-sm-2 control-label"></label>
                        <button type="button" class="btn btn-info" onclick="register()">保 存</button>
                    </div>

                </div>
            </div>
            <!---结束-->
        </div>
    </div>
</div>
<!--footer-->
<div class="footer">
    <p>敦化市建筑安装有限公司</p>
</div>
<!--//footer-->

<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script src="js/factory/config.js"></script>
<script src="js/factory/newuser.js"></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
            showLeftPush = document.getElementById( 'showLeftPush' ),
            body = document.body;

    showLeftPush.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( body, 'cbp-spmenu-push-toright' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
        disableOther( 'showLeftPush' );
    };

    function disableOther( button ) {
        if( button !== 'showLeftPush' ) {
            classie.toggle( showLeftPush, 'disabled' );
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"> </script>
<script src="js/classie.js"></script>
<script type="text/javascript">

    var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
            showLeftPush = document.getElementById( 'showLeftPush' ),
            body = document.body;

    showLeftPush.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( body, 'cbp-spmenu-push-toright' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
        disableOther( 'showLeftPush' );
    };

    function disableOther( button ) {
        if( button !== 'showLeftPush' ) {
            classie.toggle( showLeftPush, 'disabled' );
        }
    }

</script>
</body>
</html>